
import Vue from 'vue'

// 普通抽离
// import App from '../vue/app'

// 单文件组件 - 这个是个过渡，以后就用 .vue文件开发
import App from '../vue/App.vue'

new Vue({
  el: '#app',
  template: '<App/>',
  components: {
    App,
  }
})


/**
 * 新内容 3 - (增强版 3)
 *
 * import App from '../vue/app'
 * 使用 / 编译 都没有问题
 * --------------------
 *
 *
 *
 *
 * import App from '../vue/App.vue'
 * 刚开始 Vue的编译就有问题，现在是 编译  *.vue文件类型，也有问题

ERROR in ./src/vue/App.vue
Module parse failed: /xxxx/learn-vue/learn-v2/01-webpack的使用/04-webpack配置vue/
src/vue/App.vue
Unexpected token (1:0)
You may need an appropriate loader to handle this file type.

 *
 * 解决 : https://vue-loader.vuejs.org/zh/#vue-loader-%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F

 步骤1:
  npm install vue-loader vue-template-compiler --save-dev
 ----------------------------------------------------------------
  vue-loader : Vue single-file component loader for Webpack
               loader主要用于转换类型的模型，是一个转换器

  vue-template-compiler: Template compiler for Vue 2.0
  ----------------------------------------------------------------

  步骤2：
   安装了 vue-loader 并配置了  webpack.config.js
   编译还是错误

  ERROR in ./src/vue/App.vue
  vue-loader was used without the corresponding plugin.
  Make sure to include VueLoaderPlugin in your webpack config.

  为了解决这个问题，我安装了 各种版本，最后固定死了，希望可以帮助他人
  "vue-loader": "13.0.5",
  "vue-template-compiler": "2.6.11",
  "vue": "2.6.11"
 *
 */


